@charset "utf-8";

body, html {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing: antialiased;}
.layout-w {max-width: 540px;margin: 0px auto;overflow-x: hidden;background-color: #ffffff;position: relative;}

.aui-bar-nav{text-align: left;background: #fff;}
/* header img{width: 135px;display: inline-block;vertical-align: middle;} */
.aui-bar-nav .name{color: #fff;line-height: 1rem;}
.aui-bar-nav .share{margin: 5px 0 0!important;}
.aui-bar-nav .share a {color: #fff!important;}
.big-img{position: relative;}
.big-img img{width: 100%;}
.big-img .black-mask {position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, .3);}
.big-img .banner-name{position: absolute;left: 0;right: 0;top: 15%;bottom: 0;margin: auto;z-index: 3;}
.big-img .banner-name h3{font-size: 1.3rem;color: #fff;letter-spacing: .1rem;text-align: center;}
.big-img .banner-name p{color: #fff;font-size: .5rem;margin: 6px auto 0;width: 80%;text-align: left;text-indent: 2em;}

.around .top{margin-bottom: 5px;}
.around .phone{font-weight: 600;color: #EE4432;font-size: 1rem;}
.around .phone img{display: inline-block;width: 1rem;vertical-align: text-top;}
.d-shadow{border-radius: 5px;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);box-shadow: 0 0 10px 0 rgba(0,0,0,.1);}
.around .house-demo {height: 315px;position: relative;}
.around .house-demo a{position: absolute;top: 10px;left: 10px;display: block;background: #00A0E9;color: #fff;font-size: .6rem;padding: 6px 15px;border-radius: 5px;}

.around .choose{padding: 0 15px 8px;}
.around .choose li{color:#888;font-size: .6rem;padding-top: 10px;}
.around .choose li a{display: inline-block;background: #F4F4F4;color: #888;margin-left: 10px;padding: 2px 5px;border-radius: 3px;}
.around .choose li a.active{background: #00A0E9;color: #fff;}

.house-list .name{font-size: .6rem;color:#888;line-height: 1.4rem;width: 39%;}
.house-list .sort{width: 60%;}
.house-list .sort li{float: left;width: 33.33%;text-align: right;}
.house-list .sort a{color: #333;font-size: .6rem;}
.house-list .list li{width: 50%;float: left;margin-bottom: 10px;}
.house-list .list li:nth-child(odd) a{margin-right: 6px;}
.house-list .list li:nth-child(even) a{margin-left: 6px;}
.house-list .list li a{display: block;border: 1px solid #e7e5e5;border-radius: 5px;padding: 10px;}
.house-list .list li img{width: 100%;margin-bottom: 5px;}
.house-list .list li h4{color: #00A0E9;}
.house-list .list li p{font-size: .6rem;color: #999;}
.house-list .list li p span{color: #000;font-size: .7rem;}
.house-list .list li p small{font-size: .5rem;}
.house-list .see-more{font-size: .5rem;color: #999;text-align: center;display: block;}

.side-house{border-bottom: 1px solid #eee;padding-bottom: .75rem;}
.side-house:last-child{border: none;padding: 0;}
.side-house ul li{ font-size: .6rem; line-height:23px; overflow:hidden;vertical-align: text-top; }
.side-house ul li>span{ float:left;margin-left:0;color:#999;width: 5em; }
.side-house ul li>a{display: block;margin-left: 6em;width: calc(100% - 6em);color: #333;}
.side-house ul.little li{width: 23%;white-space: nowrap;text-overflow: ellipsis;padding-right: 10px;}
ul.for-inline li,.li-inline {width: 49%;display: inline-block;line-height: 23px !important;}
.side-house .comlist {font-size: .6rem;padding-top: 5px;color: #333;}
.dis{text-indent: 2em;font-size: .6rem;padding: 5px;}

.peitao .map {width: 100%;height: 250px;border: 1px solid blue;margin-top: 5px;}

.footer{background: rgb(241, 241, 241);width: 100%;padding:1.2rem .7rem;}
.footer .info{margin: 0 auto;}
.footer .info p{font-size: .6rem;}

/* 房源信息详情 */
.house-detail h2.name{margin-bottom: 5px;}
.house-detail .information{margin-top: .75rem;padding: .75rem .5rem;}
.house-detail .information .phone{color: #EE4432;font-size: .8rem;}
.house-detail .information .phone img{display: inline-block;width: .8rem;vertical-align: text-top;}
.house-detail .line-2{font-size: .6rem;}
.house-detail .line-2  span{font-weight: 600;font-size: 1rem;}
.house-detail .line-2 span.blue{color: #00A0E9;}

.house-detail .line-3{ padding:.6rem 0;border-bottom: 1px solid #eee; }
.house-detail .line-3:last-child{border-bottom: none;padding-bottom: 0;}
.house-detail .line-3 li{ font-size:.6rem; line-height:22px; height:22px; padding:3px 0; }
.house-detail .line-3 li span{ float: left;margin-right: 5px;color: #999;width: 4rem; }
.house-detail .line-3 li a{ float:right;width: calc(100% - 4.5rem);display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;word-break: break-all;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #333;}

.house-detail .other-house{background: #00A0E9;color: #fff;display: block;width: 100%;text-align: center;line-height: 1.7rem;font-size: .7rem;border-radius: 5px;margin: .5rem 0;}
.house-detail .peitao{margin-top: .5rem;}

.show-hide {font-size: .6rem;text-align: center;margin-top: 15px;}

.share{margin-bottom: 13px;line-height: 1rem;}
.share i{margin-right: 5px;display: inline-block;font-size: .7rem;}
.share a {margin-right: 10px;color: #b0b0b0;font-size: .6rem;}


